.intro
{
   filter: brightness(1);
}

.game
{
color: green;
}

.highlight
{
background-color: yellow
}


.mask80{
 opacity: .8;
}

.mask20{
 opacity: .2;
}

.hidden{
    opacity: 0;
}

#awards{
    position: absolute;
    top: 385px;
    right: 60px;
}

.topheader{
    position: absolute;
    top: 25px;
}

#logo{
    position: absolute;
    top: 5px;
    left: 10px;
}

#welcome{
    position: absolute;
    top: 440px;
    left: 40px;
}

#Title{
    position: absolute;
    top: 175px;
    left: 40%;

}

#about{
    left: 60%;
}

#products{
    left: 70%;
}

#purchase{
    left: 80%;
}

#contact{
    left: 90%;
}

.header {
  position: absolute;
  top: 0;
  right: 0;
}



#blueBackground{
    position: absolute;
    top: 720px;
}

#sketchBackground{
    position: absolute;    
    top: 720px;
}

#sketch{
    position: absolute;    
    top: 780px;
    left: 200px;
}

.sketchText{
    position:absolute;
    left: 700px;
}

#passionate{
    position:absolute;
    top: 780px;
}

#mapBorder{
    position: absolute;
    display: inline-block;
    top: 1080px;
}

#map{
    position: absolute;
    display: inline-block;
    top: 1080px;
    right: 0px;
}

.buttonStyling{
    size: 100px;
    margin: 5px;
}
.buttonStyling2{
    margin: 10px;
    
}

#getInTouch{
    position: absolute;
    display: inline-block;
    top: 1120px;
    left: 100px;
}

#ourProducts{
    position:absolute;
    top: 900px;
}

#checkOut{
    position:absolute;
    top: 860px;
}

.welcome{
    bottom: 300px;
}

body{
    position: relative;
    width: 1280px;
    height: 2000px;
    margin: 0 auto;
    background-color: white;
}



*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.absoluteBottom{
    position: absolute;
    bottom: 0px;
}